<%-- 
    Document   : login
    Created on : Mar 31, 2013, 2:28:43 PM
    Author     : Stephen Enders
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <title>Adventure - NCT Software - Login</title>
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="css/loginCSS.css">
    </head>
    <body>
        <div id="topBar">
            <div id="leftDiv"><img src="images/adventure_text.png"/></div>
            <form action="./LoginServlet" method="POST" id="loginForm">
                <div id="farRightButton"><img id='LoginButton' src='images/loginButton.png'/></div>
                <div id="rightDiv">
                    <label for="loginEmail">Email: </label><input type="text" name="email" id="loginEmail"/><br/>
                    <label for="loginPassword">Password: </label><input type="password" name="password" id="loginPassword"/>
                </div>
            </form>
        </div>
        <div id="aboutPanel">
            <span id="heading" class="LargeTitle">Make an Adventure</span>
            <div id="aboutText">
                &nbsp;&nbsp;&nbsp;&nbsp;Use our unique trip making abilities to make a trip. 
                Upload media from your trips. Visit your friend's pages to see where they have gone.
                Take friends along and make an Adventure!<br/>
                <br/>
                &nbsp;&nbsp;&nbsp;&nbsp;Love,<br/>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;NCT Software

            </div>
        </div>
        <div id="createPanel">
            <div id="createOffset">
                <span id="createLabel" class="LargeTitle">Create An Account</span>
                <div id="createFormDiv">
                    <form action="./CreateAccountServlet" id="createForm" method="POST">
                        <label for="firstName" class="createAccountLabel">First Name: </label><input id="firstName" type="text" name="firstName" class="createAccountInput"/><br/>
                        <label for="lastName" class="createAccountLabel">Last Name: </label><input type="text" id="lastName" name="lastName" class="createAccountInput"/><br/>
                        <label for="email" class="createAccountLabel" >Email: </label><input type="text" name="email" id="email" class="createAccountInput"/><br/>
                        <label for="password" class="createAccountLabel">Password: </label><input type="password"  id="password" name="password" class="createAccountInput"/><br/>
                        <label for="verifyPassword" class="createAccountLabel">Verify Password: </label><input type="password"  id="verifyPassword" name="verifyPassword" class="createAccountInput"/><br/>
                        <div  id="createAccountButton"><img src="images/createAccountButtonNEW.png"/></div>
                    </form>
                </div>
            </div>
        </div>
        <!-- Call External Javascript  -->
        <script src="javascript/LoginJavascript.js"></script>
    </body>
</html>
